﻿/* OCLC Web Site Main Style Sheet */

/* basics */

a:link, a:visited { background-color: transparent; }
a:link { color: #0033FF; }
a:hover { color: #FF3300; }
a:visited { color: #C95000; } 
a:visited:hover { color: #02008D; }

a:link img, a:hover img, a:visited img, a:visited:hover img { border: none; }

body {	
	font-family: Verdana, Geneva, "Arial Unicode MS", Arial, Helvetica, sans-serif; 
	color: #000;
}

p {
	line-height: 125%;
	padding: 6px 0 9px 0;
	margin: 0 0 0 0;
}

ul {
	padding: 0 0 9px 0;
	margin: 0 0 0 16px;
}

ol {
	padding: 0 0 9px 0;
	margin: 0 0 0 24px;
}

ul li {
	list-style-type: square;
}

ul li li {
	list-style-type: circle;
}

li {
	line-height: 130%;
	padding: 3px 0 3px 0;
	margin: 0 0 0 0;
}

h1 {
	color: #666;
	font-weight: bold;
	border-bottom: 1px solid #999;
	line-height: 1.2em; 
	padding: 0 0 8px 0;
	margin: 0 0 8px 0;
}

h2 {
	font-weight: bold;
	color: #222;
	padding: 16px 0 2px 0;
	margin: 0 0 0 0;
	clear: left;
}

h3 {
	font-weight: bold;
	color: #666;
	padding: 10px 0 2px 0;
	margin: 0 0 0 0;
}

h4 {
	font-weight: bold;
	font-style: italic;
	padding: 8px 0 2px 0;
	color: #666;
}

.runinhead {
	display: inline;	
	font-weight: bold;
	color: #000;
}

h5 {
	font-family: Tahoma, Geneva, "Arial Unicode MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #777;
	padding: 10px 0 0 0;
	margin: 0 0 0 0;
}

pre, code {
	font-family: Courier, "Courier New", "Andale Mono", Monoco, monospace;
	color: #008000;
}

hr {
	width: 100%;
	color: #999;
	height: 1px;
}

form {
	margin: 0;
	padding: 0;
}

dt {
	padding-top: 10px;
	font-weight: bold;
}

acronym {
	  border-bottom: 1px dotted #666;
}

.superscript { 
	vertical-align: text-top;
	font-size: 70%;
}

.subscript { 
	vertical-align: text-bottom;
	font-size: 70%;
}

/* colors */

.orange { background-color: #FF7600; }
.green { background-color: #62C448; }
.blue { background-color: #2700A5; }

/* hidden OCLC name for print */

p#oclcprint {display: none;}

table.layouttable  {
	width: 100%;
	border: none;
	margin: 0 0 0 0;
}

.layouttable th, .layouttable td {
	vertical-align: top;
	border: none;
	padding: 0 0 0 0;
}

table {
/*	border: none;	margin: 0px;	padding: 0px; */
	border-right: 1px solid #999; 
	border-bottom: 1px solid #999; 
	margin: 12px 0;
}

th, td {
/*	border: none;	padding: 0px; */
	vertical-align: top;	
	text-align: left;
	border-top: 1px solid #999; 
	border-left: 1px solid #999; 
	padding: 9px;
	color: #333;
	line-height: 140%;
}

th {
	background-color: #FFD5B0; 
}

img {
	padding: 0 0 0 0;
}

button {
cursor: auto;
}

input {
color: #000000;
cursor: auto;
}

select {
color: #000000;
font-family: Arial, Helvetica, Geneva, Verdana, sans-serif;
font-size: x-small;
}

textarea {
background-color: #FFFFFF;
color: #000000;
cursor: text;
}

fieldset { 
margin: 0em 0em; 
border: thin #CCCCCC none;
}

legend { 
font-size: small;
font-weight:bold; 
text-indent: 0px; 
line-height: normal;
margin: 0em 0em; 
}

label { 
font-weight:normal; 
}

table.mclist  {
	background-color: transparent;
	border: none;
	margin: 0px;
	padding: 9px 0 9px 0;
}

.mclist th, .mclist td {
	background-color: transparent;
	vertical-align: top;
	border: none;
	padding: 0 12px 12px 0;
}

.tablerowcolor, .tablerowcolor td, .trcolor, .trcolor td {
	background-color: #FFEDDE;
}

.tablerowgray, .tablerowgray td, .trgray, .trgray td {
	background-color: #EEE;
}

.trmedgray, .trmedgray td {
	background-color: #DEDEDE;
}

.trwhite, .trwhite td {
	background-color: #FFFFFF;
}

.imageright, div.imageright, table.imageright {
	position: relative;
	float: right;
	font-weight: bold;
	color: #666;
}

.imageright {
	padding: 0 0 2px 10px; 
}

div.imageright, table.imageright {
	padding: 12px 0 10px 10px; 
}

.imageleft, div.imageleft, table.imageleft {
	position: relative;
	float: left;
	font-weight: bold;
	color: #666;
}

.imageleft {
	padding: 0px 10px 2px 0; 
}

div.imageleft, table.imageleft {
	padding: 12px 10px 0px 0; 
}

.imageleft p, .imageright p {
	padding: 0 0 3px 0; 
}

.w65 {width: 65px;}
.w75 {width: 75px;}
.w100 {width: 100px;}
.w125 {width: 125px;}
.w150 {width: 150px;}
.w200 {width: 200px;}
.w250 {width: 250px;}
.w300 {width: 300px;}
.w100pct {width: 100%;}


/* ----------------------font sizes---------------------- */

/*   Todd Fahrner's keyword hack for IE           */
/*   http://alistapart.com/stories/sizematters/   */

body, body div, body p, body th, body td, body li, body dd    {
             /* more specific to override rule in importing sheet */
    font-size:    x-small;      
             /* false value for WinIE4/5 */
    voice-family: "\"}\"";   
             /* trick WinIE4/5 into thinking the rule is over */
    voice-family: inherit;   
             /* recover from trick */
    font-size:    small         
             /* intended value for better browsers */
    }

html>body, html>body div, html>body p, html>body th, 
html>body td, html>body li, html>body dd    {
    font-size:    small;
             /* be nice to Opera */
    }

/*   end Todd Fahrner's keyword hack for IE        */


h1 {
	font-size: 135%;
}

h2 {
	font-size: 120%;
}

h3 {
	font-size: 105%;
}

h4 {
	font-size: 100%;
}

h5 {
	font-size: 80%;
}


.medium, .medium p, .medium li, .medium th, .medium td {
	font-size: 85%;
}

.imageright, .imageleft, .small, .small p, .small li, .small th, .small td, .datatable p, .datatable th, .datatable td, .datatable li {
	font-size: xx-small; 
    	voice-family: "\"}\"";   
    	voice-family: inherit;   
    	font-size: x-small;         
}

pre, code, .normal {
	font-size: x-small;
    	voice-family: "\"}\"";   
    	voice-family: inherit;   
    	font-size: small;        
}